﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/static/lib/html5.js"></script>
<script type="text/javascript" src="/static/lib/respond.min.js"></script>
<script type="text/javascript" src="/static/lib/PIE_IE678.js"></script>
<![endif]-->
<link href="/static/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/static/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" />
<link href="/static/lib/font-awesome/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="lib/font-awesome/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="/static/lib/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>用户管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="iconfont">&#xf012b;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 用户管理 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="icon-refresh"></i></a></nav>
<div class="pd-20">
  <div class="text-c"> 日期范围：
    <input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}'})" id="datemin" class="input-text Wdate" style="width:120px;">
    -
    <input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d'})" id="datemax" class="input-text Wdate" style="width:120px;">
    <input type="text" class="input-text" style="width:250px" placeholder="输入会员名称、电话、邮箱" id="" name=""><button type="submit" class="btn btn-success" id="" name=""><i class="icon-search"></i> 搜用户</button>
  </div>
  <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="icon-trash"></i> 批量删除</a> <a href="javascript:;" onclick="user_add('550','','添加用户','/page/admin/users/user-add.html')" class="btn btn-primary radius"><i class="icon-plus"></i> 添加用户</a></span> <span class="r">共有数据：<strong id="totalRow">88</strong> 条</span> </div>
  <table class="table table-border table-bordered table-hover table-bg table-sort">
    <thead>
      <tr class="text-c">
        <th width="25"><input type="checkbox" name="" value=""></th>
        <th width="80">ID</th>
        <th width="100">用户名</th>
        <th width="40">邮箱</th>
        <th width="90">手机</th>
        <th width="150">邮箱</th>
        <th width="">地址</th>
        <th width="130">加入时间</th>
        <th width="70">状态</th>
        <th width="100">操作</th>
      </tr>
    </thead>
    <tbody id="data_list">
    </tbody>
  </table>
  <div class="view" style="margin: 10px auto;float: left;"></div>
  <div class="page" style="margin: 10px auto;float: right;"></div>
</div>
<script type="text/javascript" src="/static/lib/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer1.8/layer.min.js"></script>
<script type="text/javascript" src="/static/lib/laypage/laypage.js"></script> 
<script type="text/javascript" src="/static/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/static/lib/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/js/H-ui.js"></script>
<script type="text/javascript" src="/static/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="/static/js/H-ui.admin.doc.js"></script>
<script type="text/javascript">
$(function(){
	getUserList();
});

function getUserList(curr){
	$.post(
			 '/admin/user',
			{
				page :curr||1,
				rows : 10
			}, function(obj) {
				var data = obj.list;
				var innerHtml = "";
				$.each(data, function(index) {
					innerHtml+='<tr class="text-c"> <td><input type="checkbox" value="1" name=""></td> '
					+'<td>'+this.id+'</td><td>'+this.username+'</td><td>'+this.email+'</td><td>'+this.username+'</td><td>'+this.username+'</td><td>'+this.username+'</td><td>'+this.date_joined+'</td><td>'+this.is_active+'</td>'
					+' <td class="f-14 user-manage"><a style="text-decoration:none" onClick="user_stop('+this+','+this.id+')" href="javascript:;" title="停用"><i class="icon-hand-down"></i></a> <a title="编辑" href="javascript:;" onclick="" class="ml-5" style="text-decoration:none"><i class="icon-edit"></i></a> <a style="text-decoration:none" class="ml-5" onClick="user_password_edit()" href="javascript:;" title="修改密码"><i class="icon-key"></i></a> <a title="删除" href="javascript:;" onclick="user_del(this,'+this.id+')" class="ml-5" style="text-decoration:none"><i class="icon-trash"></i></a></td></tr>';
				});
				$("#data_list").html(innerHtml);
				laypage({
				    cont: $('.page'), //容器。值支持id名、原生dom对象，jquery对象,
				    pages: obj.totalPage, //总页数
				    skip: false, //是否开启跳页
				    skin: 'molv',
				    groups: 3, //连续显示分页数
				    first: '首页', //若不显示，设置false即可
				    last: '尾页', //若不显示，设置false即可
				    prev: '<', //若不显示，设置false即可
				    next: '>', //若不显示，设置false即可
				    hash: true, //开启hash
				    jump: function(obj){ //触发分页后的回调
				    	$("#totalRow").html(obj.totalRow);
				        $('.view').html('目前正在第'+ obj.curr +'页，一共有：'+ obj.pages +'页');
				        if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
				        	getUserList(obj.curr);
		                }
				    }
				});
				
		});
}
/* $('.table-sort').dataTable({
	"lengthMenu":false,//显示数量选择 
	"bFilter": false,//过滤功能
	"bPaginate": false,//翻页信息
	"bInfo": false,//数量信息
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,8,9]}// 制定列不参与排序
	]
}); */
</script> 
</body>
</html>